<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><?php echo $this->setting_model->item('site_name')?> - <?php echo $this->lang->line('label.admin.page')?> - Log In</title>
    <link rel="shortcut icon" href="<?php echo base_url() . APPPATH?>themes/admin/img/admin/logo.png" />
    <base href="<?php echo base_url() ?>" />
    <meta name="robots" content="noindex, nofollow" />
    <script type="text/javascript">
      var base_url = '<?php echo  base_url()?>';
    </script>
    <link href="<?php echo base_url() . APPPATH ?>themes/admin/css/admin/style.css" type="text/css" rel="stylesheet" />	
    <script type="text/javascript" src="<?php echo base_url() . APPPATH ?>themes/admin/js/jquery/jquery.min.js"></script>	
    <link rel="stylesheet" href="<?php echo base_url() . APPPATH ?>themes/admin/css/validationEngine.jquery.css" type="text/css"/>
    <script src="<?php echo base_url() . APPPATH ?>themes/admin/js/jquery.validationEngine-en.js" 
    type="text/javascript" charset="utf-8"></script>
    <script src="<?php echo base_url() . APPPATH ?>themes/admin/js/jquery.validationEngine.js" 
    type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">      
      function ajaxValidationCallback(status, form, json, options){
        if (status === true) {
          window.location = '<?php echo site_url('admin/index') ?>';
        }
      }
      jQuery(document).ready(function(){
        jQuery("#form_login").validationEngine({
          ajaxFormValidation: true,
          onAjaxFormComplete: ajaxValidationCallback
        });
      });
    </script>
    <!-- Place CSS bug fixes for IE 7 in this comment -->

    <!--[if IE 7]>
    <style type="text/css" media="screen">
		#login-logo { margin: 15px auto 15px auto; }
		.input-email { margin: -24px 0 0 10px;}
		.input-password { margin: -30px 0 0 14px; }
		body#login #login-box input { height: 20px; padding: 10px 4px 4px 35px; }
		body#login{ margin-top: 14%;}
	</style>
	<![endif]-->

  </head>

  <body id="login">

    <div id="left"></div>
    <div id="right"></div>
    <div id="top"></div>
    <div id="bottom"></div>

    <div id="login-box">
      <header id="main">
        <div id="login-logo"></div>
      </header>
      <form id="form_login" class="formular" method="POST" action="<?php echo site_url('admin/login/process') ?>" accept-charset="utf-8">			
        <ul>
          <li>
            <input type="text" name="username" id="username" 
                   placeholder="<?php echo $this->lang->line('label.username')?>" />
            <img src="<?php echo base_url() . APPPATH ?>themes/admin/img/admin/user-icon.png" class="input-email" alt="E-mail" />				
          </li>
          <li>
            <input type="password" name="password" id="password" value="" 
                   placeholder="<?php echo $this->lang->line('label.password')?>" />
            <img src="<?php echo base_url() . APPPATH ?>themes/admin/img/admin/lock-icon.png" 
                 class="input-password" alt="<?php echo $this->lang->line('label.password')?>" />				
          </li>
          <li>
            <center><input class="button" type="submit" name="submit" value="Log In" /></center>
          </li>
        </ul>
      </form>	
    </div>
  </body>
</html>